Как выбрать лучшие иллюстрации для вашего сайта

У меня как-то была публикации про лучшие бесплатные фотобанки и фотостоки в которой поднимался вопрос где искать изображения для сайта. Сегодня хочется затронуть тему как лучше это сделать. Тем больше ориентирована на разработку сайта и его дизайна. Этот пост написан при поддержке сервиса Wix для создание сайтов (а точнее является переводом статьи из их блога), поэтому в тексте достаточно часто будет упоминаться данная платформа для разработки веб-сайтов. Кстати, на страницах Дизайн Мании вы уже могли читать детальный обзор сервиса Wix.

Итак, у вас уже есть потрясающий сайт на Wix, и теперь вы хотите поразить его посетителей живыми, привлекающими внимание иллюстрациями. Визуальное наполнение – невероятно важный элемент в создании хорошего сайта. Даже если вы не художник или фотограф, вам стоит как следует задуматься о том, какие изображения использовать, чтобы быть уверенным в успехе.

При таком огромном выборе вам наверняка не раз приходилось задаваться вопросом, какие же изображения помогают добиться наибольшей отдачи. Вот несколько советов, которые помогут вам в выборе изображений, способных выделить ваш сайт на фоне конкурентов.

лучшие иллюстрации

Pixster Photobooth используют смешные, броские снимки на главной странице их Wix сайта

 Информируйте

Изображение на главной странице – это первое, что видят посетители, зашедшие на ваш сайт. Что оно может сказать о вашей компании? Хорошей идеей будет использовать здесь большие, бросающиеся в глаза картинки, так как они помогают сформировать первое впечатление о вашем бизнесе.

*Совет: при помощи Wix вы можете создавать анимированные галереи, которые способны передать всю необходимую информацию целиком, не занимая при этом много места на странице. Пошаговая инструкция на сайте Wix покажет вам, как это сделать.

лучшие иллюстрации для вашего сайта

Spotlight 3d используют эту стильную картинку как фон

Заинтересуйте

Изображения, которые вы используете на сайте, должны подталкивать посетителей к конкретным действиям. Parris Whittingham, основатель Parris Whittingham Studio, рассказывает, что его любимые иллюстрации – это те, которые “дают” что-то, т.е. те, которые способны пробудить определенные эмоции. В этом и заключается настоящая ценность изображений.

*Совет: подумайте о том, какое действие является целевым для вашего сайта, — оставить пожертвование, поделиться статьей, зарегистрироваться, купить, добавить в закладки и т.д. – и попробуйте подобрать рисунок, способный побудить именно к этому действию.

Как выбрать лучшие иллюстрации

Keys Of Change используют красивые и эмоциональные снимки для продвижения их благотворительного фонда

Заряжайте энергией

Отдавайте предпочтение динамичным, а не статичным изображениям, т.е. тем, которые способны наделить ваш продукт, сообщение или вашу личность энергией и вдохновить ваших посетителей. Такие снимки, как правило, имеют высокую четкость, а не размыты, насыщенны, обладают широкой цветовой схемой. Используя динамичные изображения, вы сможете привлечь внимание посетителей и вызвать в них желание увидеть больше.

*Совет: если вы размещаете альбом, слайды или галерею, не используйте сразу все изображения, которые у вас есть. Отфильтруйте их таким образом, чтобы остались только наиболее динамичные.

иллюстрации для вашего сайта

Beach Chic Photography демонстрируют одну из своих наиболее вдохновляющих работ

Лица или предметы?

Люди – существа социальные, поэтому вы всегда можете привлечь их через изображение человеческого лица. В то же время не стоит бояться урезать картинку или подчеркнуть какие-то отдельные детали, чтобы указать на самое важное. Предметы тоже могут быть использованы для передачи информации и сделать ваш сайт визуально привлекательным.

Конечно, если вы продвигаете продукты или предметы дизайна, одной из основных задач на стадии разработки сайта будет представление данных продуктов в наиболее привлекательном форме. Это не значит, что вам нужно полностью избегать использования изображений людей. Эмоции, переданные выражением человеческого лица, могут помочь вам там, где вы хотели бы сами вызвать их или придать чему-то определенное значение.

*Совет: если вы работаете над онлайн-магазином и хотите представить свои товары в наиболее выгодном свете, попробуйте использовать больше одной фотографии. Вы можете продемонстрировать продукт с разных сторон или добавить изображение, демонстрирующее его способы его применения.

фото для сайта

Jermaine Mcneal на незабываемом фото для незабываемого сайта

 Адаптируйте

Допустим, вы нашли идеальное фото для вашего сайта, но обнаружили, что оно смотрится на данной странице не так хорошо, как вы ожидали. Нет проблем! Вы можете использовать редактор изображений на сайте Wix, чтобы править и изменять фото.

Урезание, редактирование, добавление зеркального отображения, усиление яркости и многие другие функции позволяют оптимизировать изображения и придать им желаемый вид. Узнать больше о редакторе изображений на сайте Wix можно из следующей статьи.

Как выбрать иллюстрации для сайта

Аппетитное изображение мексиканских блюд на сайте Enrique Morales Catering

Самое важное

  • Не бойтесь вызывать эмоции и привлекать внимание! Не поддавайтесь желанию использовать стандартные, “опробованные” изображения. Чему бы ни был посвящен ваш сайт, он не должен быть лишен индивидуальности.
  • На перенасыщенных текстом страницах используйте изображения, чтобы разбить его. Читатели оценят такие визуальные паузы.
  • Периодическое добавление новых изображений добавит жизни вашему сайту.

Благодарим Элизабет Лэп, представителя Shutterstock, Кейт Лорд, фото-редактора Wall Street Journal, и Пэрис Уиттингем, основателя Parris Whittingham Studio, за экспертное мнение.

2 комментария к статье “Как выбрать лучшие иллюстрации для вашего сайта”
  1. Марина

    Так оригинально все рассказано

  2. Всё верно, изображения имеют большое значение, всё-таки это образ, а именно необычный образ заставляет зрителя задержать внимание.

Оставить комментарий

Внимание! Если вы комментируете впервые, текст будет отправлен на модерацию.
Ваш e-mail не публикуется. Обязательные поля помечены *